<template>
    <div>
        <table class="table_detail" style="width: 100%;">
                <tr> <td colspan="5" class="headColor"> <span>{{cType == 1?'交易公告':'交易须知'}}</span></td></tr>
                <tr>
                    <td class="normalC showText"><span v-html="cType == 1?cData.transactionAnnouncement:cData.tradyInstructions"></span></td>
                </tr>                                                                                                                                                                             
        </table>           

    </div>
</template>

<script>
    export default {
        props:{
            cType:"",
            // cText:'',
            cData:'',
            // cCol:'',
        },
        data() {
            return {
                cCol: [
                    {
                        name1: "data1",
                    },{
                        name1: "data2",
                        name2: "data3"
                    },{
                        name1: "data4",
                        name2: "data5"
                    },{
                        name1: "data7",
                        name1: "data8"
                    },{
                        name1: "data9",
                        name1: "data10"
                    }
                ],        
            }
        },
        mounted() {
            console.log(6666)
            console.log(this.cData)
        }
    }
</script>

<style scoped>
    .normalC{ background-color: #ffffff !important;}
    .showC{ background-color: #f5f5f5 !important;}
    .table_detail td:nth-child(odd) {
        width: 240px;
        height: 40px;
        background-color: #f5f5f5;
        flex: none;
    }    

</style>